<template>
  <div class="hquery-item">
    <div>{{ label }}:</div>
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: 'HQueryItem',
  props: {
    label: String
  }
};
</script>
<style lang="less" scoped>
.hquery-item {
  display: flex;
  align-items: center;
  >div {
    // flex-grow: 1;
    white-space: nowrap;
    margin-right: 8px;
  }
}
</style>
